<!--
 * @title:
 * @params1: 参数1
 * @params2: 参数2
 * @params3: 参数3
 * @params4: 参数4
 * @method1: 参数1
 * @method1: 参数2
 * @method1: 参数3
 * @method1: 参数4
 * @description:帮助按钮
 * @fileName: help.vue
 * @author: zhanglongfei
 * @date: 2020-10-28 15:04:41
!-->
<template>
  <div class="tl-help">
    <el-popover :placement="placement" :width="width" :trigger="trigger">
      <slot></slot>
      <i :class="icon" slot="reference" :style="{ color: iconColor, marginLeft: marginLeft, fontSize: size }"></i>
    </el-popover>
  </div>
</template>

<script>
export default {
  name: 'TlHelp',
  data() {
    return {}
  },
  props: {
    icon: {
      // default: 'el-icon-warning',
      default: 'el-icon-info',
      type: String
    },
    iconColor: {
      default: '#bebebe',
      type: String
    },
    marginLeft: {
      default: '10px',
      type: String
    },
    size: {
      default: '15px',
      type: String
    },
    trigger: {
      default: 'hover',
      type: String
    },
    width: {
      default: 250,
      type: Number,
      String
    },
    placement: {
      default: 'bottom-start',
      type: String
    }
  }
}
</script>

<style></style>
